<template>
  <div id="background">
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  
  
};
</script>
<style>
#background {
  height: 100vh;
  
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("http://n.sinaimg.cn/sinakd2020622s/67/w1080h587/20200622/36bc-ivffpct6292680.png");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
#background .el-card { 
    color: #0ab392;
    font-size: 1.5rem;
    display: inline-block;

    width: 400px;
    background-color: rgb(255, 255, 255);
    position: relative;
    z-index: 1;
    
}
#background .el-form-item__label{ 
    color: #0ab392;
}
#background .el-form-item{
  
  min-height: 100px;
  
}
#background .el-card::after{ 
  content: '';
  display: block;
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(255, 255, 255);
  background-image: url("http://n.sinaimg.cn/sinakd2020622s/67/w1080h587/20200622/36bc-ivffpct6292680.png");
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  z-index: -1;
  filter: blur(40px);
}
</style>